<template>
  <span class="title">{{ theme }}<span class="date">{{ getDate() }}</span></span>
</template>

<script setup name="title" lang="ts">
import { ref } from 'vue';

const theme = ref('iPhone系列最新回收报价单')

defineProps(['getDate'])
</script>

<style>
* {
  margin: 0;
  padding: 0;
}

.title {
  width: 100vw;
  height: 80px;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  position: relative;
  margin-top: 100px;
  gap: 5px;
}


.title::before {
  content: '';
  width: 200px;
  height: 1px;
  background-color: #ffffff;
  position: absolute;
  top: 41px;
}
</style>